.bee-high-timeline {
    &__con {
        border-bottom: 1px dashed #e8e8e8;
        min-height: 40px;
        line-height: 20px;

        &__label {
            width: 55%;
            font-size: 14px;
            float: left;

            span {
                display: block;
                text-align: left;
                font-size: 14px;
                color: #595959;

                i {
                    font-style: normal;
                }

                &:last-child {
                    font-size: 12px;
                    color: #595959;
                    padding-top: 3px;
                }
            }
        }

        &__info {
            width: 40%;
            float: right;

            span {
                display: block;
                text-align: right;
                font-size: 14px;
                color: #595959;

                &:last-child {
                    font-size: 12px;
                    color: #8c8c8c;
                    padding-top: 3px;
                }
            }
        }

        &__comment {
            overflow: auto;
            display: block;
            padding-bottom: 10px;
        }

        &:after {
            content: "";
            display: block;
            clear: both;
        }
    }

    // fl skin
    .header {
        margin: 0 10px 20px 10px;
        padding-bottom: 20px;
        border-bottom: 1px solid #e8e8e8;
        font-size: 14px;
        .el-col {
            span:first-child {
                font-weight: bold;
            }
        }
    }
    .main-center {
        background: #f5f7fa;
        .el-col {
            p {
                padding: 5px 10px;
                margin: 0;
            }
        }
        .c-red {
            color: red;
        }
        .c-blue {
            color: blue;
        }
        .c-green {
            color: #2ebf21;
        }
        .c-gray {
            color: gray;
        }
    }
    // info skin
    .info {
        list-style: none;
        display: flex;
        li {
            width: 25%;
            p {
                padding: 0;
                margin: 0;
            }
            p:nth-child(2) {
                color: #8c8c8c;
                margin-top: 10px;
            }
            i {
                cursor: pointer;
                margin-right: 10px;
            }
            .link-pointer {
                margin-right: 30px;
            }
        }
    }
    ::v-deep {
        .el-timeline {
            padding: 0;
        }

        .el-timeline-item__node--normal {
            width: 8px;
            height: 8px;
        }
        .el-timeline-item__tail {
            left: 3px;
        }

        .el-timeline-item__wrapper {
            padding-left: 18px;
        }
    }
}